<template>
  <div @click='clickHanld'>
    <p class="card">
      {{text}}
    </p>
  </div>
</template>

<script>
export default {
  props: ['text'],

  methods: {
    clickHanld (e){
      console.log('card')
    },

    
    
  },
  onShow(){
    console.log('show card')
  },

  created(){
      console.log('init card')
  }

}
</script>

<style>
.card {
  padding: 10px;
}
</style>
